import React from 'react';
import {Outlet} from "react-router-dom";
import SideMenu from "../../components/sandbox/SideMenu";
import TopHeader from "../../components/sandbox/TopHeader";
import {Layout} from 'antd';
import "./NewsSandBox.css"

const {Content} = Layout;

const NewsSandBox = () => {
  return (
    <Layout>
      <SideMenu></SideMenu>
      <Layout className="site-layout">
        <TopHeader></TopHeader>
        <Content
          className="site-layout-background"
          style={{
            margin: "24px 16px",
            padding: "24px",
            minHeight: "280px",
            overflow: "auto"
          }}
        >
          <Outlet/>
        </Content>
      </Layout>
    </Layout>
  );
};

export default NewsSandBox;